<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        td {
            border: 1px solid black;
            color: black;
        }
    </style>
</head>

<body>
    <script>
        document.write('<div>');
        document.write('<table>')
        for (var i = 1; i <= 9; i++) {
            document.write('<tr>');
            for (var j = 1; j <= i; j++) {
                var resault = i * j;
                document.write('<td>' + i + "&nbsp;*&nbsp" + j + '&nbsp;=&nbsp;' + resault + '&nbsp;&nbsp;' + '</td>');
            }
            document.write('</tr>')
        }
        document.write('</table>');
        document.write('</div>');
    </script>
</body>

</html>